<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()
const toSueen = () => {
  router.push("/mine/stopList")
}
</script>

<template>
  <div class="mine-container bg-[#f2f6fe]">
    <div class="content px-[15px] box-border z-10">
      <div class="head px-[5px] h-[65px] flex flex-row items-center pt-[25px]">
        <img src="@/assets/icons/def-avatar.png" class="w-[53px] h-[53px]" />
        <div class="grow flex flex-col justify-between ml-[15px]  bg-red">
          <div class="text-[#1F2C5C] text-[18px]">你好，请登录</div>
          <div class="text-[#737FA4] text-[14px]">登录后才能看到自己的信息哦</div>
        </div>
      </div>
      <div class="menu" @click="toSueen">
        我的突发停水列表
      </div>
    </div>
    <!-- <div class="mine-bg"></div> -->
  </div>
</template>

<style lang="scss" scoped>
.mine-container {
  .mine-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: url('@/assets/icons/bg1.png');
    background-size: cover;
    background-position: center;
  }
}
</style>
